<!--我发布的项目详情-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="zh-CN"/>
    <title>项目详情页_详细页</title>
    <link rel="stylesheet" type="text/css" th:href="@{/style/tzjg.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <link th:href="@{/mb/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/mb/css/css.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/mb/css/Animation.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" th:href="@{/layui/dist/css/layui.css}" media="all">
    <link rel="stylesheet" type="text/css" th:href="@{/style/container.css}">
</head>
<body>
<!--头开始-->
<header class="navbar-fixed-top headerbg" th:each="codeUser:${codeUsers}">
    <!--左上角logo-->
    <div class="logo">
        <a href="http://www.baidu.com" th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
            <img th:src="@{/mb/images/mclogo.png}" style="margin-top: -30px;margin-left: 30px" alt=""></a></div>

    <!--导航栏剩余部分-->
    <div class="navBox hidden-xs hidden-sm" style="float: right;margin-right: 10%">
        <ul class="navList list-unstyled">
            <li class="navLi">
                <h3>
                    <a th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}"><span>首页</span></a>
                </h3>
            </li>
            <li class="navLi"><h3><a href="#"
                                     th:href="@{/mc/item/loginItemsList(userNo=${codeUser.userNo})}"><span>项目</span></a>
            </h3></li>

            <li class="navLi">
                <h3>
                    <div th:if="${codeUser.type}==1">
                        <a href="#" th:href="@{/mc/item/myRelease(userNo=${codeUser.userNo})}"><span>我的发布</span></a>
                    </div>
                </h3>
            </li>

            <li class="navLi">
                <h3>
                        <span th:if="${codeUser.type}==1">
                            <a href="#"
                               th:href="@{/mc/item/releaseProject(userNo=${codeUser.userNo})}"><span>项目发布</span></a></span>
                </h3>
            </li>
            <li class="navLi">
                <h3>
                        <span th:if="${codeUser.type}==2">
                            <a href="#"
                               th:href="@{/mc/item/participatingProjects(userNo=${codeUser.userNo})}"><span>我的参与</span></a></span>
                </h3>
            </li>
            <li class="navLi"><h3><a href="#"
                                     th:href="@{/mc/logged/help(userNo=${codeUser.userNo})}"><span>帮助</span></a></h3>
            </li>
            <li class="navLi"><h3>
                <span th:if="${codeUser.image}">
                <img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"> </span>
                <span th:unless="${codeUser.image}">
                <img th:src="@{/images/center.png}" height="60px" width="60px">
                </span></h3>
                <div class="navSub">
                    <ul class="navSubList list-unstyled">
                        <li class="navSubLi">
                            <h4><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a>
                            </h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/userInformation(userNo=${codeUser.userNo})}">● 个人中心</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/moneyPay(userNo=${codeUser.userNo})}">● 我的开发宝</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/item/myCollection(userNo=${codeUser.userNo})}">● 我的收藏</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/advise(userNo=${codeUser.userNo})}">● 我要建议</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/}">● 退出登录</a></h4>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</header>
<!--头结尾-->
<!--动态线条-->
<div class="bannerN animated" style="height:200px;">
    <div class="imgFull"><img class="img-responsive" th:src="@{/mb/images/ab_bg_01.png}"></div>
    <div class="clouds_one"></div>
    <div class="clouds_two"></div>
    <div class="clouds_three"></div>
</div>
<!--动态线条结尾-->

<hr class="layui-bg-green" style="height: 3px;margin-top: 20px">

<div class="container" style="margin-left: 20%;margin-top: 10px">
    <div class="col-xs-12 col-sm-9 col-md-9 Details_Into" th:each="itemDetail:${itemsDetails}">
        <div style="margin-left: 5px">
            <a href="" th:href="@{/mc/logged/loginIndex(userNo=${codeUsers.get(0).getUserNo()})}">首页</a> >
            <a href="" th:href="@{/mc/item/myRelease(userNo=${codeUsers.get(0).getUserNo()})}">我发布的项目</a> >
            <a href="" th:text="${itemDetail.itemName}">项目名称</a>
        </div>
        <div class="title_name mtb20 center">
            <h2 th:text="${itemDetail.itemName}">网站公司tv手机客户端</h2>
            <h5 class="color3">发布人编号：<i th:text="${itemDetail.promulgatorId}">admin</i> &nbsp;&nbsp;项目类型：<span
                    th:switch="${itemDetail.itemType}">
                                                    <span th:case="1">Web网站</span>
                                                    <span th:case="2">App开发</span>
                                                    <span th:case="3">微信公众号</span>
                                                    <span th:case="4">小程序</span>
                                                    <span th:case="5">HTML应用</span>
                                                    <span th:case="6">其他</span>
                                            </span>&nbsp;&nbsp;收藏数：<i th:text="${collectionNum}+'人'">></i></h5>
        </div>
        <div class="content mb30">
            <div style="float:left;">
                <span th:if="${itemDetail.itemImage}">
                <img class="lazyloadimg" alt="标题标题标题标题标题标题" th:src="@{'/article/'+ ${itemDetail.itemImage}}"
                     width="200px" height="200px"/>
                    </span>
                <span th:unless="${itemDetail.itemImage}">
                <img class="lazyloadimg" alt="标题标题标题标题标题标题" th:src="@{/images/noImage.png}"
                     width="200px" height="200px"/>
                    </span>

                <br>
            </div>

            <div th:each="codeUser:${codeUsers}">
                <p style="margin-left: 5px;width: 180px;margin-top: 5px;float: left" class="layui-btn">项目周期:<i
                        th:text="${itemDetail.day}+'天'"></i></p>
                <br><br><br><br>
                <span th:switch="${itemDetail.itemDid}">
                                   <span th:case="1" style="margin-left: 5px;margin-top: 5px">
                                        <a   th:href="@{/mc/item/enrolment(userNo=${itemDetail.promulgatorId},itemNo=${itemDetail.itemNo})}">
                                             <button class="layui-btn">
                                            查看参与者
                                                 </button>
                                        </a>
                                       <span th:if="${stageStart}==3">
                                            <a th:href="@{/mc/item/enrolment(userNo=${itemDetail.promulgatorId},itemNo=${itemDetail.itemNo},start=2)}">
                                                   <button  class="layui-btn">启动项目</button>
                                            </a>
                                       </span>
                                                <a href="#" th:href="@{/mc/stage/stageList(userNo=${itemDetail.promulgatorId},itemNo=${itemDetail.itemNo})}">
                                                    <button class="layui-btn"> 查看阶段划分详情         </button>
                                                </a>
                                   </span>
                                    <span th:case="2">
                                        <a href="#" th:href="@{/mc/stage/stageStartList(userNo=${itemDetail.promulgatorId},itemNo=${itemDetail.itemNo})}">
                                              <button style="float: left; width: 161px;margin-top: 80px;margin-left: 30px" class="layui-btn">查看项目阶段详情</button>
                                        </a>
                                   </span>
                                    <span th:case="3">
                                        <a href="#" th:href="@{/mc/stage/stageStartList(userNo=${itemDetail.promulgatorId},itemNo=${itemDetail.itemNo})}">
                                              <button style="float: left; width: 161px;margin-top: 80px;margin-left: 30px" class="layui-btn">查看项目详情</button>
                                        </a>
                                   </span>

                                </span>
                <span th:switch="${codeUser.type}">
                                    <span th:case="1">

                                    </span>

                                    <span th:case="2">
                                        <button style="margin-left: 20px; width: 78px;margin-top: 35px;">
                                            <a href="javascript:click()">参与项目</a>
                                        </button>
                                    </span>
                                </span>
                <div style="float: right;position:absolute;top: 110px;right: 200px;">
                    <h3 style="margin-left: 10px">项目状态</h3>
                    <span th:switch="${itemDetail.itemDid}">
                                                            <span th:case="1">
                                                                      <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal">招募中</button>
                                                            </span>
                                                            <span th:case="2">
                                                                      <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-danger">进行中</button>
                                                            </span>
                                                            <span th:case="3">
                                                                      <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-disabled">已结束</button>
                                                            </span>
                                                    </span>
                </div>
            </div>
        </div>
        <br><br><br>
        <hr style="width: 750px;float: left;" class="layui-bg-green">
        <div style="margin-top: 30px;width: 750px;height: 400px; ">
            <div>
                <h3 style="font-family: Gadugi;color: #8888cc;font-weight: bold;margin-left: 10px;padding-top:5px";>项目描述:</h3>
                <div  style="margin-left: 15px;margin-top: 10px" th:text="${itemDetail.text}">
                    项目描述
                </div>
                <h3 style="font-family: Gadugi;color: #8888cc;font-weight: bold;margin-left: 10px;padding-top:5px";>项目周期:</h3>
                <div  style="margin-left: 15px;margin-top: 10px" th:text="${itemDetail.day} + '天'">
                    项目周期
                </div>
                <h3 style="font-family: Gadugi;color: #8888cc;font-weight: bold;margin-left: 10px;margin-top:20px";>招募类型:</h3>
                <br/>
                <h6 style="font-family: Gadugi;color: #8888cc;font-weight: bold;margin-left: 10px;">招收类型和金额:</h6>
                <div  style="margin-left: 15px;margin-top: 10px">
                            <span style="font-size: 10px;" th:switch="${itemDetail.itemNeedType}">
                                    <span th:case="1">个人开发者</span>
                                    <span th:case="2">团队开发者</span>
                            </span>&nbsp;<span style="font-size: 10px;" th:text="${itemDetail.money}+'元'">1000</span>
                </div>
                <h3 style="font-family: Gadugi;color: #8888cc;font-weight: bold;margin-left: 10px;margin-top:20px";>项目相关需求文件:</h3>
                <div  style="margin-left: 15px;margin-top: 10px">
                    <a th:href="@{/mc/item/download(downFile=${itemDetail.demandDocument},itemNo=${itemDetail.itemNo})}">
                        <span th:text="${itemDetail.demandDocument}"></span>
                    </a>
                </div>
                <h3 style="font-family: Gadugi;color: #8888cc;font-weight: bold;margin-left: 10px;margin-top:20px";>项目要求:</h3>
                <div  style="margin-left: 15px;margin-top: 10px">
                    <span th:text="${itemDetail.itemNeedText}"></span>
                </div>
            </div>
        </div>
    </div>
</div>


<hr class="layui-bg-green" style="height: 3px;margin-top: 20px">


<!--联系我们-->
<div class="contact-container">
    <div class="contact-connect-container">
        <div class="button-container">
            <img th:src="@{/images/contacts.png}"/><span style="margin-left: 5px;">联系我们</span>
        </div>
        <div class="pop" style="display: none;">
            <div class="word" style="text-align: center;"><span style="font-size: 12px;">在线咨询请扫描下面二维码👇</span></div>
            <div style="height: 120px;width: 120px;margin:20px 22px;">
                <img th:src="@{/images/QR.jpg}" style="width: 120px;height: 120px;margin-top: -15px;"/>
            </div>
        </div>
    </div>
</div>


<footer class="footerBg">
    <div class="container"><span class="footer_logo"><img th:src="@{/mb/images/mclogo.png}"></span>
        <span class="CopyRight_name" style="padding-right: 10px">码虫互联网服务外包平台 </span></div>
</footer>

</body>
<script type="text/javascript" th:src="@{/js/function.js}"></script>
<script type="text/javascript" th:src="@{/js/tzjg.js}"></script>
<script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
<script th:src="@{/mb/js/jquery-3.3.1.min.js}" type="text/javascript"></script>
<script th:src="@{/mb/js/jquery.js}" type="text/javascript"></script>
<script type="text/javascript" th:src="@{/js/Contacts.js}"></script>
<script type="text/javascript" th:src="@{/js/borsertocss.js}"></script>

</html>